<template>
    <div>
        这是搜索组件---{{username}}
    </div>
</template>
<script setup>
import {ref,onMounted,onBeforeUnmount,onUnmounted} from "vue"
let username=ref("我是搜索组件 ************")

onMounted(()=>{
    console.log("123")
})

onBeforeUnmount(()=>{
    console.log("销毁之前")
})

onUnmounted(()=>{
    console.log("销毁后")
})
</script>
<style>

</style>

